* {
    font-family: Arial, Helvetica, sans-serif;
}

.ut-flex {
    display: flex;
}

.ut-flex-1 {
    flex: 1 1 0%;
}

.ut-flex-auto {
    flex: 1 1 auto;
}

.ut-flex-initial {
    flex: 0 1 auto;
}

.ut-flex-none {
    flex: none;
}

.ut-flex-row {
    flex-direction: row;
}

.ut-flex-col {
    flex-direction: column;
}

.ut-flex-grow-0 {
    flex-grow: 0;
}

.ut-flex-grow {
    flex-grow: 1;
}

.ut-flex-shrink-0 {
    flex-shrink: 0;
}

.ut-flex-shrink {
    flex-shrink: 1;
}

.ut-justify-center {
    justify-content: center;
}

.ut-justify-between {
    justify-content: space-between;
}

.ut-justify-around {
    justify-content: space-around;
}

.ut-justify-evenly {
    justify-content: space-evenly;
}

.ut-items-center {
    align-items: center;
}


.ut-w-1-2{
     width: 50%;
}

.ut-w-1-3{
    width: cal(1/3);
}

.ut-w-1-4{
    width: cal(1/4);
}

.ut-w-1-5{
    width: cal(1/5);
}

.ut-w-1-6{
    width: cal(1/6);
}




// .排版-缩小0 {
//     flex-shrink: 0;
// }

// .排版-缩小1 {
//     flex-shrink: 1;
// }

// .排版-占比1 {
//     flex-grow: 1;
// }

// .排版-占比2 {
//     flex-grow: 2;
// }

// .排版-占比3 {
//     flex-grow: 3;
// }

// .排版-横向 {
//     display: flex;
//     flex-direction: row;
//     justify-content: space-around;
// }

// .排版-横向 > * {
//     flex-grow: 1;
//     flex-shrink: 1;
// }

// .排版-竖向 {
//     display: flex;
//     flex-direction: column;
// }

table.dataframe {
    border: none;
    border-collapse: collapse;

    * {
        border: none;
    }

    thead tr:last-of-type {
        border-bottom: 1px solid #000;
    }

    thead {
        background: rgb(0, 115, 194);
        color: whitesmoke;

        th {
            text-align: center;
        }
    }

    td,
    th {
        padding: 0.3rem;
    }

    tbody {
        tr {
            cursor: pointer;
            transition: 0.2s;

            &:nth-of-type(2n) {
                background: lightgray;
            }

            &:hover {
                background: rgb(211, 238, 253);
            }

            td {
                text-align: center;
            }
        }
    }
}

svg {
    // width: 100%;
    // height: 100%;
    overflow: visible;
}
